﻿<!DOCTYPE html>
<html lang="zh">
<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<meta http-equiv="X-UA-Compatible" content="ie=edge" />
	<title>主页</title>
	<link rel="stylesheet" type="text/css" href="../js/bootstrap-3.3.7/css/bootstrap.min.css"/>
	<script src="../js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
	<style type="text/css">
		body{
			padding: 0;
			margin: 0;
			font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
			color: #666;
		}
		table th{
			background-color: #eee;
		}
		/*主要内容*/
	</style>
</head>
<body>
	<div class="container">
		<div class="col-md-3 col-sm-4" style="border-right: 1px dashed #ccc;">
			<div class="panel-group" id="accordion">
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a href="#collapseZero" data-toggle="collapse" data-parent="#accordion">后台首页</a>
						</h4>
					</div>
					<div id="collapseZero" class="panel-collapse collapse in">
						<div class="list-group">
						    <a href="" class="list-group-item">后台首页</a>
						</div>
					</div>
				</div>
				
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a href="#collapseOne" data-toggle="collapse" data-parent="#accordion">资料管理</a>
						</h4>
					</div>
					<div id="collapseOne" class="panel-collapse collapse">
						<div class="list-group">
						    <a class="list-group-item" href="">班级资料</a>
						    <a class="list-group-item" href="">宿舍资料</a>
						    <a class="list-group-item" href="">职位资料</a>
						    <a class="list-group-item" href="">个人资料</a>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a href="#collapseTwo" data-toggle="collapse" data-parent="#accordion">教务中心</a>
						</h4>
					</div>
					<div id="collapseTwo" class="panel-collapse collapse">
						<div class="list-group">
						    <a href="" class="list-group-item">成绩管理</a>
						    <a href="" class="list-group-item">课程安排</a>
						    <a href="" class="list-group-item">教案管理</a>
						    <a href="" class="list-group-item">沟通记录</a>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a href="#collapseThree" data-toggle="collapse" data-parent="#accordion">学生管理</a>
						</h4>
					</div>
					<div id="collapseThree" class="panel-collapse collapse">
						<div class="list-group">
						    <a href="" class="list-group-item">行为管理</a>
						    <a href="" class="list-group-item">成绩管理</a>
						</div>
					</div>
				</div>
				<div class="panel panel-default">
					<div class="panel-heading">
						<h4 class="panel-title">
							<a href="#collapseFour" data-toggle="collapse" data-parent="#accordion">系统设置</a>
						</h4>
					</div>
					<div id="collapseFour" class="panel-collapse collapse">
						<div class="list-group">
						    <a href="" class="list-group-item">基础设置</a>
						    <a href="" class="list-group-item">站点设置</a>
						    <a href="" class="list-group-item">权限设置</a>
						    <a href="" class="list-group-item">执行SQL</a>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="score col-md-9 col-sm-8">
			<table class="table table-responsive table-bordered">
				<tr>
					<th>时间</th>
					<th>说明</th>
					<th>发表人</th>
					<th>操作</th>
				</tr>
				<tr>
					<td>2019-11-26</td>
					<td>MS SQL 笔记下载</td>
					<td>huodeming</td>
					<td>
						<span title="下载" class="glyphicon glyphicon-download"></span>
						<span title="删除" class="glyphicon glyphicon-remove"></span>
						<span title="编辑" class="glyphicon glyphicon-edit"></span>
					</td>
				</tr>
				<tr>
					<td>2019-11-26</td>
					<td>MS SQL 笔记下载</td>
					<td>huodeming</td>
					<td>
						<span title="下载" class="glyphicon glyphicon-download"></span>
						<span title="删除" class="glyphicon glyphicon-remove"></span>
						<span title="编辑" class="glyphicon glyphicon-edit"></span>
					</td>
				</tr>
			</table>
		</div>
	</div>
	
</body>
<script src="../js/bootstrap-3.3.7/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>


</html>